html,body{margin:0;padding:0;height:100%;width:100%;overflow:hidden;font-family:'Nunito',sans-serif;background-color:#f8fafc;color:#1e293b}*{box-sizing:border-box}body{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.site-title{position:absolute;top:20px;right:20px;font-weight:800;color:#0f172a;font-size:1.25rem;z-index:20}.hero-logo{height:60px;width:auto;margin-bottom:1.5rem;transition:transform .2s ease}.hero-logo:hover{transform:rotate(-3deg)}main{text-align:center;max-width:800px;padding:0 20px;z-index:10}h1{font-weight:800;font-size:clamp(2rem,5vw,4rem);line-height:1.1;margin-bottom:1.5rem;color:#0f172a}p{font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;color:#475569;margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-button{display:inline-block;background-color:#10b981;color:#fff;text-decoration:none;font-weight:800;font-size:1.25rem;padding:1rem 2.5rem;border:3px solid #0f172a;border-radius:12px;box-shadow:4px 4px 0 #0f172a;transition:all .15s ease;cursor:pointer}.cta-button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #0f172a;background-color:#34d399}.cta-button:active{transform:translate(2px,2px);box-shadow:2px 2px 0 #0f172a}.bg-decor{position:absolute;width:300px;height:300px;background:#10b981;opacity:.1;border-radius:50%;filter:blur(60px);z-index:0}.bg-1{top:-100px;right:-50px}.bg-2{bottom:-100px;left:-50px}@media(max-width:600px){h1{font-size:clamp(1.75rem,8vw,2.5rem)}.cta-button{width:100%;box-sizing:border-box}}